<template>
  <div>
    <a-tabs v-model:active-key="form.type">
      <a-tab-pane key="0" tab="选择设备">
        <a-card>
          <a-alert description="适合少量设备下发" class="mb-4"></a-alert>
          <MediaTable v-model:selected-keys="form.objects"></MediaTable>
        </a-card>
      </a-tab-pane>
      <a-tab-pane key="1" tab="选择分组">
        <a-card title="选择设备分组">
          <DeviceGroupSelector v-model:value="form.objects" />
        </a-card>
      </a-tab-pane>
      <a-tab-pane key="2" tab="选择全部">
        <a-result title="已选择全部设备"></a-result>
      </a-tab-pane>
    </a-tabs>
  </div>
</template>

<script setup lang="ts">
import { form } from '../../data/form';
</script>

<style lang="scss" scoped></style>
